import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 1：公共样式   2：normalize.css :抹平浏览器差异
/*
normalize.css
1：安装  npm i normalize.css
2:在main.js导入

公共样式
1：src/style/base.css
*{
  padding:0;
  margin:0;
  list-style:none;....
}

// 常见插件不能解决的eslint
  1：== 不要写写成  ===
  2:不修改的变量用const定义
  3：import要在页面的顶部
  4:data定义变量时不要以_开头
  5:定义了不使用
  6：注释内也要有规范，比如  // 要有空格
  绝大部分插件解决，解决不了复制错误到百度
*/
// 引入公共样式
import '@/styles/base.less'
// 引入 normalize.css
import 'normalize.css'
// const a = 10
// import Vant from 'vant'
// import 'vant/lib/index.css'
// Vue.use(Vant)

// 将html下的fontsiz设置成屏幕宽度/10

/*
rem转换
1：将html下的fontsize设置成屏幕宽度的/10
2:写出转换基数：设计稿/10rem
3:px转换成 rem
@rem:   设计稿/10rem;
   100px===>  100/@rem
rem插件处理方式
1:amfe-flexible.js插件  将html下的fontsize设置成屏幕宽度的/10
2:postcss-pxtorem     npm i postcss-pxtorem@5.0.0 -D
3:配制插件
   创建 postcss.config.js  打包时会加载使用
   module.exports = {
plugins: {
    'postcss-pxtorem': {
      rootValue: 90, // 转换基数，设计稿的/10
      propList: ['*'] // 哪些css需要转换
    }
  }
}

*/
import 'amfe-flexible'
// document.querySelector('html').style.fontSize = window.innerWidth / 10 + 'px'
import '@/utils/vant'

// 全局过滤器
import '@/filters'
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
